﻿/*-----------------------------------------
version:1.0.0(2012/07/08)
update:2012/07/08(biaobiao)
-----------------------------------------*/
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, div, dl, dt, dd, ul, ol, li, th, td, form, fieldset, input, button, textarea, legend, blockquote{margin: 0; padding: 0;}
body, input, label, select, option, textarea, button, fieldset, legend { font:12px/1.5em "\5b8b\4f53", Tahoma, Helvetica, Arial, sans-serif; color:#646464;}
body{ background:url(../images/bg.png) repeat; }
fieldset, img, button, input {border: 0;}

table {border-collapse: collapse; border-spacing: 0;}
ul, ol {list-style: none;}
li{ vertical-align:baseline;}
img {border: none;}
a { text-decoration: none; color:#646464;}
a:hover, button{cursor: pointer; text-decoration:underline; color:#4e4e4e;}
a:focus {outline:none;}
address,cite,em,i{font-style:normal}
h1,h2,h3,h4,h5,h6{ font-weight:400; font-size:12px;}
html { overflow-y: scroll; }
/* 清除浮动 */
.clear{ clear: both;font-size:0; height:0; width:100%; line-height:0; overflow:hidden;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}   
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
*+html .clearfix {min-height:1%;}
.clearfix { display: block;}
 

.w_980{ width:980px; margin:0 auto;}
.left{ float:left;}
.right{ float:right;}
.block{ display:block;}
/*-------------------------------------------------------------------------------------------------*/

.top_bar{ background:url(../images/top_bar.png) repeat-x; height:31px; line-height:29px;}
.top_bar p{ float:left;}
.top_bar ul { float:right;}
.top_bar ul li{ float:left; color:#5f859a;}
.top_bar ul li a{ margin:0 7px;}

.logo{ background:url(../images/logo_bg.png) no-repeat right center; height:84px; position:relative;}
.logo h1{ padding:14px 0 0 16px;}
.logo a.goto{ display:block; width:104px; height:27px; right:118px; top:25px; position:absolute; overflow:hidden; text-indent:-999em;}

.top{ background:#fff url(../images/top_bg.png) repeat ; height:92px;}
.top .w_980{ position:relative;}
.nav{ width:980px; overflow:hidden; position:relative; height:92px;}
.nav ul { position:relative; width:1010px; padding:10px 0 6px; border-bottom:5px solid #ddd;}
.nav ul li{ float:left; position:relative;}
.nav ul li a{ margin:0 17px 0 0; color:#fff; font:700 14px/40px \5fae\8f6f\96c5\9ed1; background:url(../images/nav_bg.png) no-repeat; width:125px; height:30px; line-height:30px; position:relative; display:block; text-align:center;}
.nav ul li a:hover , .nav ul li a.s{ background-position:0 -30px; color:#383838;}
.nav ul li a:hover b , .nav ul li a.s b{ background:url(../images/nav_bg.png) no-repeat 0 -60px; width:8px; height:4px; overflow:hidden; display:block; position:absolute; bottom:-6px; left:59px;}
.nav ul li p{ color:#383838; position:absolute; bottom:-45px; width:1000px;  display:none;}
.nav ul li p a{ background:none; width:auto; margin:0 7px; color:#383838; font-weight:400; display:inline;}
.nav ul li p a:hover , .nav ul li p a.s1{ color:#db0000;}
.nav ul li.center_li p{ left:-190px;}
.nav ul li.right_li p{ right:10px; text-align:right;}

.slider_box{ background:url(../images/slider_bg.png) repeat-x; height:325px; margin:0 0 70px; position:relative;}
.w_986{ width:986px; margin:0 auto; position:relative; height:271px;}
.slider_main{overflow:hidden; height:325px; position:relative; top:16px; left:0; height:325px; zoom:1;}
.slider{ position:absolute;}
.slider ul{ height:325px; overflow:hidden;}
.slider li{ display:inline;}
.slider img{ width:986px; height:325px; display:block;}

.num{  position:absolute; bottom:-110px;}
.num li{ display:inline-block; background:url(../images/ico_06.png) no-repeat; width:21px; height:21px; text-indent:-999em; overflow:hidden; margin:0 3px; cursor:pointer;}
.num li.on{ color:#bc880d; cursor:pointer; background:url(../images/ico_07.png) no-repeat;}
.num li.on:hover{color:#bc880d; cursor:pointer;}

.img_ad_small{ width:319px; height:237px; float:right; position:relative;}
.img_ad_small b{ display:block; background:url(../images/img_bg.png) no-repeat; height:65px; width:28px; overflow:hidden; position:absolute; left:-8px; top:10px; z-index:2;}
.img_ad_small_main{ position:relative; overflow:hidden; background:#fff; border:1px solid #d8d8d8; height:235px; z-index:1; }

.img_ad_small_list{width:9999px; position:absolute;}
.img_ad_small_list ul{ width:9999px; margin:30px 0 0 25px;}
.img_ad_small_list ul li{ float:left; margin:0 50px 0 0;}

.btn_left_right{ position:absolute; width:317px; height:15px; top:110px;}
.go_left , .go_right{ display:block; background:url(../images/img_bg.png); width:14px; height:15px; overflow:hidden; text-indent:-999em; top:0; position:absolute; cursor:pointer;}
.go_left{ background-position:0 -66px; left:7px;}
.go_right{ background-position:0 -83px; right:7px;}

.main{ background:#fff; margin-bottom:30px;}
.main_left{ width:780px; float:left;}
	
.news_title{ background:url(../images/title_01.png) no-repeat; width:370px; height:38px;}
.news_title h2{ color:#010101; font:16px/38px \5fae\8f6f\96c5\9ed1 ; padding:0 0 0 50px; float:left;}
.news_title a{ margin:17px 21px 0 0;  display:block; text-indent:-999em;}
.btn_more{ background:url(../images/btn_more.png) no-repeat; height:8px; width:37px; overflow:hidden; display:block; float:right;}
.news_box { float:left; width:370px;}
.news_box ul{ padding:12px 0 0;}
.news_box ul li{ height:36px; line-height:36px; border-bottom:1px dashed #b8b8b8; padding:0 10px;}
.news_box ul li a{ float:left; font-size:14px;}
.news_box ul li span{ float:right; }

.schedule{ background:url(../images/img_01.jpg) no-repeat; float:right; width:385px; height:238px;}
.schedule a{ display:block; float:left; width:192px; height:238px; overflow:hidden; text-indent:-999em;}

.star_box{ width:370px; overflow:hidden; position:relative; padding:18px 0 0;}
.star_box ul{ width:450px; position:relative; padding:15px 0 0 ;}
.star_box ul li { width:180px; float:left; margin:0 10px 0 0;}
.star_box ul li a{ display:block;}
.star_box ul li a:hover{ text-decoration:none;}
.star_box ul li a img{ width:175px; height:125px;}
.star_box ul li a span{ background:url(../images/title_04.png) no-repeat; width:180px; height:25; line-height:25px; text-indent:22px; display:block; color:#fff; margin:6px 0 0 ;}

.star_title{ background:url(../images/title_02.png) no-repeat; height:40px;}
.star_title h2{ color:#010101; font:16px/40px \5fae\8f6f\96c5\9ed1 ; padding:0 0 0 50px; float:left;}
.star_title a{ margin:17px 21px 0 0;  display:block; text-indent:-999em;}

.star_people{ width:370px; float:left;}
.star_family{ width:385px; float:right;}
.star_family .star_title{ background:url(../images/title_03.png) no-repeat;}
.star_family ul li { margin:0 20px 0 0;}
.star_family ul li a span{ background:url(../images/title_05.png) no-repeat; }

.main_right{ float:right; width:182px;}

.right_btn_box{ background:url(../images/img_05.jpg) no-repeat; height:237px; margin:0 0 18px ;}
.right_btn_main{ overflow:hidden; position:relative; width:160px; margin:0 auto; height:224px; padding:10px 0 0;}
.right_btn_box ul{ overflow:hidden; position:relative; left:-2px; bottom:-1px; width:165px;}
.right_btn_box ul li{ border-bottom:1px dashed #e0e0e0; border-left:1px dashed #e0e0e0; width:78px; float:left; padding:0 0 10px; text-align:center; overflow:hidden; vertical-align:bottom; zoom:1;}
.right_btn_box ul li img{ width:36px; display:block; margin:0 auto; padding:5px 0; }

.contact{ background:url(../images/img_02.jpg) no-repeat; height:212px;}
.contact h2{ color:#010101; font:700 15px/1 \5fae\8f6f\96c5\9ed1 ; padding:20px 0 10px 22px;}
.contact p{ line-height:24px; padding:0 10px; font-family:Arial, Helvetica, sans-serif;}

.copyright{ height:54px; line-height:54px; background:#f3f3f3; border-top:6px solid #ffa752;}
.copyright p{ width:960px; margin:0 auto; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.copyright p span{ color:#9f9f9f; padding:0 0 0 20px;}

.banner_box{ height:242px; background:url(../images/banner_bg.png) repeat-x; margin:0 0 20px;}
.banner_box img{ padding:16px 0 0;}

.left_box{ float:left; width:220px;}

.menu{ margin:0 0 18px;}
.menu h2{ background:url(../images/title_06.png) no-repeat; height:46px; font:700 18px/46px \5fae\8f6f\96c5\9ed1; color:#000;}
.menu h2 img{ display:inline; float:left; padding:0 7px 0 15px;}
.menu h2 strong span{ color:#fff;}
.menu h2 strong { float:left;}
.menu ul li{ display:block; background:url(../images/s_01.png) repeat-x; _height:35px; margin:0 0 3px;}
.menu ul li a{ background:url(../images/ico_08.png) no-repeat 20px center; display:block; font:14px/35px \5fae\8f6f\96c5\9ed1; color:#010101; padding:0 0 0 34px;}
.menu ul li a.s , .menu ul li a:hover{ color:#db0000; background:url(../images/ico_09.png) no-repeat 20px center; text-decoration:none;}
.menu ul li p { padding:0 20px; margin:0 0 10px; display:none;}
.menu ul li p.block{ display:block;}
.menu ul li p a{ border-bottom:1px dashed #e1e1e1; height:27px; line-height:27px; background:none; padding:0 0 0 12px; font-size:12px;}
.menu ul li p a.s , .menu ul li p a:hover{ background:none; color:#db0000;}

.contact_1{ background:url(../images/img_07.jpg) no-repeat; height:212px; width:220px;}

.right_box{ float:right; width:735px;}
.title_box{ background:url(../images/title_07.png) no-repeat; width:735px; height:38px; line-height:38px;}
.title_box strong{ color:#010101; font:16px/38px \5fae\8f6f\96c5\9ed1; float:left; padding:0 0 0 22px; }
.title_box span{ float:right; padding:0 10px 0 0;}
.title_box span a{ margin:0 4px;}

.list_title { padding:38px 0 20px 10px;}
.list_title li { float:left; margin:0 18px 15px 0;}
.list_title li a{ background:#f1f5d2; border:1px solid #ccd29d; width:123px; height:18px; line-height:18px; display:block; text-indent:5px; color:#5a700e;}
.list_title li a:hover{ background:#febf01; border:1px solid #be8f00; color:#fff; text-decoration:none;}

.zhaoping dl{ margin:0 20px;}
.zhaoping dl dt{ background:url(../images/ico_10.png) no-repeat; height:44px; border-bottom:1px dashed #b8b8b8; font:700 18px/44px \5fae\8f6f\96c5\9ed1; padding:0 0 0 45px; }
.zhaoping dl dd{ line-height:24px; padding:10px 40px 20px 10px; position:relative;}
.zhaoping dl dd a{ position:absolute; right:0; top:10px; font-weight:700; color:#43b300;}

.txt_box { padding:20px 10px; line-height:24px;}
.txt_box p{ text-indent:2em;}

.info_box_title{ border-bottom:2px solid #eaeaea; height:40px; line-height:40px;}
.info_box_title h3{ float:left; font:700 18px/40px \5fae\8f6f\96c5\9ed1; color:#ff7200; }
.info_box_title p{ float:right; background:url(../images/menu_img.png) no-repeat left -150px; padding:0 0 0 10px;}
.info_box_title p span , .info_box_title p a{ margin:0 6px; color:#b5b5b5;}

.info_box_main h4{ font:700 20px/1em \5fae\8f6f\96c5\9ed1; padding:25px 0 15px; text-align:center;}
.info_box_time{ height:30px; line-height:30px; margin:0 20px; background:#f8f8f8; text-align:center; border:1px solid #e3eaf1;}
.info_box_time span{ margin:0 0 0 15px;}
.info_box_main_txt { padding:10px 20px;}
.info_box_main_txt p{ line-height:24px; text-indent:2em;}
.info_box_main_txt img{ display:block; margin:10px auto;}

.news_list_ul{ padding:20px 10px; min-height:450px; height:auto!important; height:450px;}
.news_list_ul li{ line-height:30px; height:30px; border-bottom:1px dashed #b8b8b8;}
.news_list_ul li a{ float:left; font-size:14px; color:#010101;}
.news_list_ul li span{ float:right;}

.pager .a1 , .pager .a2 , .pager .a3 , .pager .a4{ background:url(../images/pager.png) no-repeat; width:10px; height:12px; display:inline-block; overflow:hidden;}
.pager{ background:url(../images/pager.png) repeat-x 0 -26px; border:1px solid #e1ded1; height:28px; line-height:28px; padding:0 10px 0 25px; margin:5px 10px;}
.pager a{ margin:0 13px 0 0;}
.pager .right{ height:18px; line-height:1em; margin:7px 0 0 0; *margin:4px 0 0 0;}
.pager .right span{ margin:0 13px 0 0;}
.pager .right span b{ color:#f00; font-weight:700; padding:0 3px;}
.pager .right select{ position:relative;}
.pager .a1{ background-position:0 -13px;}
.pager .a1_n{ background-position:0 0;}
.pager .a2{ background-position:-10px -13px;}
.pager .a2_n{ background-position:-10px 0;}
.pager .a3{ background-position:-20px -13px;}
.pager .a3_n{ background-position:-20px 0;}
.pager .a4{ background-position:-30px -13px;}
.pager .a4_n{ background-position:-30px 0;}

.read_star_list{ overflow:hidden; width:727px;}
.read_star_list ul { width:800px; position:relative; padding:35px 0 0 20px; min-height:550px; height:auto!important; height:550px; }
.read_star_list ul li{ width:186px; float:left; margin:0 68px 0 0; padding:0 0 20px;}
.read_star_list ul li a img{ width:186px; height:95px; display:block;}
.read_star_list ul li a span{ display:block; height:30px; line-height:30px; text-align:center;}
.read_star_list ul li a:hover span{ text-decoration:underline;}

.video_list ul li{ width:151px; margin-right:30px; position:relative; zoom:1;}
.video_list ul li a b{ background:#000 url(../images/ico_14.png) no-repeat 120px 3px; opacity:0.5;filter:alpha(opacity=50); width:100%; position:absolute; height:20px; top:92px; left:0; display:block;}
.video_list ul li a img{ width:145px; height:109px; border:3px solid #656565;}

.video_box{ width:521px; margin:0 auto;}

.song_list{ padding:20px 10px;}
.song_title{ background:#f7f7f7; height:29px; line-height:29px; border-top:2px solid #ab8e76;}
.song_title span{ float:left; padding:0 0 0 20px;}
.song_title b{ float:right; padding:0 20px 0 0; font-weight:400;}

.song_list ul { border:1px solid #e4e4e4; border-bottom:none;}
.song_list ul li{ border-bottom:1px solid #e4e4e4; height:29px; line-height:29px;}
.song_list ul li p{ float:left; background:url(../images/ico_15.png) no-repeat 15px center; padding:0 0 0 38px;}
.song_list ul li a{ float:right; display:block; background:url(../images/ico_16.png) no-repeat left center; padding:0 10px 0 20px;}
.song_list ul li a:hover{ color:#e86801; font-weight:700; background:url(../images/ico_17.png) no-repeat left center;}

.img_download ul li{ width:140px; margin:0 40px 0 0;}
.img_download ul li a img{ width:140px; height:105px;}

.web_rec{ overflow:hidden; width:100%; position:relative;}
.web_rec ul { padding:34px 0 0 20px; width:800px; position:relative; min-height:550px; height:auto!important; height:550px; }
.web_rec ul li { height:110px; width:337px; float:left; margin:0 25px 30px 0; overflow:hidden;}
.web_rec ul li dl dt img{ width:170px; height:100px; float:left; border:5px solid #efefef;}
.web_rec ul li dl dd{ float:left; padding:0 0 0 6px; width:140px;}
.web_rec ul li dl dd a{ font:12px/18px Arial, Helvetica, sans-serif; text-decoration:underline; color:#919191; display:block; padding:0 0 10px;word-wrap: break-word;  word-break:break-all; }
.web_rec ul li dl dd p{ color:#010101;}

.study_mian_box{ background:url(../images/s_03.png) no-repeat top center; padding:14px 0 13px;}
.study_main{ border-left:3px solid #e7e7e7; border-right:3px solid #e7e7e7;}

.study_left{ float:left; width:252px;}
.study_right{ float:left; width:722px;}

.study_menu{ width:210px; margin:0 auto; padding:15px 0 30px;}
.study_menu h2{ background:url(../images/ico_12.png) no-repeat left center; height:40px;color:#000; font:700 20px/40px \5fae\8f6f\96c5\9ed1; padding:0 0 0 40px; }
.study_menu ul{ border-top:3px solid #fda626; border-bottom:3px solid #fda626;}
.study_menu ul li{ font:14px/38px \5fae\8f6f\96c5\9ed1;  height:38px; border-bottom:1px solid #cbcbcb; padding:0 25px; margin:0 4px; vertical-align:bottom; overflow:hidden;}
.study_menu ul li a{color:#000; display:block; }
.study_menu ul li a:hover , .study_menu ul li a.s{ color:#ea0000; background:url(../images/ico_13.png) no-repeat right center; text-decoration:none;}

.btn_vip_center{ display:block; margin:0 auto; width:210px;}
.bottom_bg{ background:url(../images/s_04.png) no-repeat; width:100%; height:13px;}

.study_right{ background:url(../images/s_05.png) repeat-y left;}
.study_right h3{ background:url(../images/title_08.png) no-repeat; height:45px; width:667px; font: 14px/45px \5fae\8f6f\96c5\9ed1; color:#000; text-indent:3em; margin:0 0 0 30px;}

.li_bg{ background:#fafafa; border-top:1px dashed #f0f0f0; border-bottom:1px dashed #f0f0f0;}
.main_info_box ul{ margin:30px 0 29px;}
.main_info_box ul li{ height:29px; line-height:29px; width:620px; margin:0 auto; color:#464646; font-weight:700; }
.main_info_box ul li span{ display:inline-block; width:126px; text-align:right; font-weight:400; margin:0 8px 0 0;}

.study_right .news_list_box{ padding:0 30px;}
.study_right .info_box_main{ padding:0 6px 0 15px;}

.czjl_box { padding:20px 0; margin:0 auto; width:620px;}
.czjl_box ul{ border:1px solid #e5e5e5; border-bottom:none;}
.czjl_box ul li{ border-bottom:1px solid #e5e5e5; height:35px; line-height:35px;}
.czjl_box ul li a{ font-weight:700; padding:0 0 0 20px;}
.czjl_box ul li.bg{ background:#f8f8f8;}

.czjl_box .pager{ margin: 10px 0 0;}

.login_box{ background:url(../images/login_bg.jpg) no-repeat center; height:432px; margin:0 auto 20px; position:relative;}
.login_box ul{ width:275px; position:relative; left:533px; top:147px;}
.login_box ul li { margin:0 0 8px; height:30px;}
.login_box ul li input{ width:217px; height:30px; line-height:30px; border:1px solid #cacaca; float:left; font-family:Arial, Helvetica, sans-serif;}
.login_box ul li label{ display:block; float:left; line-height:30px; width:45px; text-align:right; padding:0 8px 0 0;}
.login_box ul li a.btn_login{ background:url(../images/btn_login.png) no-repeat; width:91px; height:32px; line-height:32px; color:#fff; font-weight:700; text-align:center; display:block; margin:10px 0 0 55px;}